{$google_map_header}
{$google_map_js}
{literal}
<style type="text/css">
    table.warning{
        margin: 0 auto; /* alignement (centrer) */
        width:97%; /* dimension */
        border:1px solid #f46767; /* couleur de la bordure et epaisseur */
        margin:10px; /* marge en dessous du tableau */
    }

    /* Cellule du tableau */
    td.warning{
        padding-left:32px; /* décallage du texte pour éviter la superposition du texte sur l'images */
        background:#f36e6e no-repeat; /* couleur et images de fond de la cellule */
        height:32px; /* hauteur de la cellule */
        text-align:center; /* alignement du texte */
        font-weight:bold; /* text en gras */
        font-size: 12pt;
    }
</style>
{/literal}
<!--[if lte IE 9]>
		<link rel="stylesheet" href="{$j_basepath}design/front/css/ie9.css" type="text/css" />                            
	<![endif]-->
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="{$j_basepath}design/front/css/ie8.css" type="text/css" />                            
	<![endif]-->
{literal}
	<style>
    	#essai_fiche .chapitre p, td{font-size:12px;}
    </style>
{/literal}
<div id="global" class="search"> {$oZoneHeader}
  <div id="main">
    <div class="file_ariane"> {$oZoneBreadCrumb} </div>
    
    <!-- begin leftContent2-->
    <div id="leftContent4">
      <div id="essai_fiche">
        <h2>Gérer votre annonce</h2>
        <div class="wrap7">
          <div class="block coordonnees">
            <ul class="menu2 vs">
              <li><a class="vs" href="{jurl 'annonce~FoAnnonceGestion:gererAnnonce',array('idOccasion'=>$idOccasion)}">Accueil</a></li>
              <li><a class="vs" href="{jurl 'annonce~FoAnnonceGestion:edit',array('idOccasion'=>$idOccasion)}">Modifier</a></li>
              <li><a class="vs" href="{jurl 'annonce~FoAnnonceGestion:formuleOptions',array('idOccasion'=>$idOccasion)}">Formule/Option</a></li>
              <li><a class="vs" href="{jurl 'annonce~FoAnnonceGestion:photos',array('idOccasion'=>$idOccasion)}">Photos</a></li>
              <li><a class="vs active">Visualiser</a></li>
              <li><a class="vs" href="#">Relancer</a></li>
              <li class="last"><a class="vs" href="{jurl 'annonce~FoAnnonceGestion:supprimer',array('idOccasion'=>$idOccasion)}">Supprimer</a></li>
            </ul>
            <br />
            <div id="scrollFiche">
           <div id="leftContent2" style="width:664px;">
    	<div id="prod">
        	<div class="annonce"><h2>{$annonce->marque_libelle} {$annonce->modele_libelle}</h2> <span>{$annonce->Occas_Version|truncate:36}</span><span class="prix">{$annonce->Occas_Prix} € </span></div>
            <div class="leftItem">
            	<div class="wrap">
                    	<div class="options">
                        	<p>{$annonce->Occas_Kilometrage} Km - {$annonce->Occas_Kilom_Moteur} Km moteur</p>
                            <p>{$annonce->carburation}</p>
                            <p>{$annonce->Occas_Millesime}</p>
                            <p><a href="#">{$annonce->region}</a> ({$annonce->departement_num}) -  <a href="#">{$annonce->departement_nom}</a></p>
                            <div class="detail">
                            	<ul>
                                	<li>Boite {$annonce->vitesse}</li>
                                    <li>{$annonce->Occas_NbPorte} portes</li>
                                    <li>{$annonce->Occas_Couleur}</li>
                                </ul>
                            </div>
                           
                        </div>
                        <div class="deco">&nbsp;</div>
                        {if sizeof($equipement)}
                        <div class="equipement">
                        	<h3>Equipements de série</h3>
                            {assign $k = 1}
                            {foreach $equipement as $item}
                            <ul class="e{$k}">
                            	<li class="titre"><span>{$item->categ}</span></li>
                                {if sizeof($item->equipment)}
                                    {foreach $item->equipment as $val}
                                        <li>{$val}</li>
                                    {/foreach}
                                {/if}
                            </ul>
                            {if $k == 2} {assign $k = 1} {else} {assign $k++} {/if}
                            
                            {/foreach}
                        </div>
                        {/if}
                    <!--end content-->
                </div>
            </div><!--end leftItem-->
            <div class="rightItem2">
             	<div style="width:361px; overflow:hidden; position:relative; margin:0 0 10px;">
                <!--begin gallery-->
             	<div id="gallery">
                  <div id="controls" class="controls"></div>
                  <div class="slideshow-container">
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                  </div>
                  <div id="caption" class="caption-container"></div>
                </div>
                <div id="thumbs" class="navigation">
                
                  <ul class="thumbs" style="width:324px; overflow:hidden;">
                    {if sizeof($photo)}
                        {foreach $photo as $itemPhoto}
                            <li><a class="thumb" href="{$imgPath}{$itemPhoto->photo_name}"><img height="46" src="{$imgPath}{$itemPhoto->photo_name}" /></a></li>
                        {/foreach}
                    {elseif $annonce->marque_logo}
                        <li><a class="thumb" href="{$annonce->marque_logo}"><img height="46" src="{$annonce->marque_logo}" /></a></li>
                    {else}
                        <li><a class="thumb" href="{$j_basepath}design/front/images/no-image-home2.jpg"><img height="46" src="{$j_basepath}design/front/images/no-image-home2.jpg" /></a></li>
                    {/if}
                    
                  </ul>
                 
                </div>
                <div class="clear">&nbsp;</div>
                <a href="#" class="showpopin"><img alt="Zoom" src="{$j_basepath}design/front/images/zoom.png" title="Zoom" /></a>
                <!--end gallery-->
                </div>
             	<div id="vendeur">
                    <input type="hidden" name="urlChkCaptcha" id="urlChkCaptcha" value="{jurl 'recherche~FoFiche:checkCaptcha'}" />
                	<h3>Vendeur</h3>
                	 <ul class="idTabs">
                        <li><a title="Acheter" class="a1" href="#idTab1">Coordonnees</a></li>
                        <li class="last"><a title="Vendre" class="a2" href="#idTab2">Localiser</a></li>
                      </ul>
                      <div id="idTab1" class="cd">
                      	<p><label>Vendeur : </label>{$annonce->typeVendeur}&nbsp;</p>
                        <p><label>Nom : </label>{$annonce->Vendeur_Prenom} {$annonce->Vendeur_Nom}&nbsp;</p>
                        <p><label>Réf.annonce : </label>{$annonce->Occas_Reference}&nbsp;</p>
                        <p><label>Téléphone : </label>{$annonce->tel}&nbsp;</p>
                        {if !$contact}
                        <h4>Contacter le vendeur par email</h4>
                        <form action="{jurl 'recherche~FoFiche:saveAcheteur'}" method="post" style="float:left; display:block;" name="vendeur" id="vendeur" onsubmit="return false;">
                            <input type="hidden" name="idAnnnonce" value="{$annonce->IdOccasion}" />
                            <input type="hidden" name="marque" value="{$annonce->Occas_Marque}" />
                            <input type="hidden" name="modele" value="{$annonce->Occas_Modele}" />
                            <input type="hidden" name="vendeurMail" value="{$annonce->Vendeur_Email}" />
                            <input type="hidden" name="part_code" value="{$annonce->Part_Code}" />

                        	<div class="rows"><label>nom prenom : </label><input type="text" name="nom"/></div>
                            <div class="rows"><label>telephone : </label><input type="text" name="tel"/></div>
                            <div class="rows"><label>e-mail : </label><input type="text" name="email"/></div>
                            <div class="rows"><label>message : </label><textarea name="message" cols="40" rows="7" style="width: 252px; height: 111px;"/></textarea></div>

                            <div class="rows"><label>Code de controle :</label>
                            <div class="code">
                                <img src="{$captchaPath}">
                            </div></div>

                            <div class="rows"><label id="errata" style="font-size:0.85em;color:#D85656;">&nbsp;</label><input type="text" class="txt_code" id="txt_code"/><input class="submit" value="" title="Submit" type="submit" id="send-form"/></div>
                           <div class="clear">&nbsp;</div>
                        </form>
                        {else}
                            <h4>Le vendeur a bien été contacté</h4>
                        {/if}
                      </div>
                      <div id="idTab2" class="loc"><div style="padding:0 0 0 6px;">{$google_map}</div></div>
                </div> 
            </div><!--end rightItem-->
           
            
             
            
        </div><!-- end prod-->
    </div><!--end leftContent2-->
    <div id="rightContent" class="annVisus" style="width:302px; overflow:visible !important; height:auto !important;">
    <div class="more_link">
    	<ul>
        	<li><a href="#">Verifiez la cote argus</a></li>
            <li><a href="#">Simulez votre credit auto</a></li>
            <li><a href="#">Comparez votre assurance auto</a></li>
        </ul>
    </div>
      <div class="services_pratiques">
      	<div class="pratique"><h3>Pratique</h3>
        	<ul>
            	<li><a href="#">Signaler un problème sur l'annonce</a></li>
                <li><a href="#">Localiser cette voiture d'occasion</a></li>
                <li><a href="#">Envoyer l'annonce à un ami</a></li>
                <li><a href="#">Imprimer cette annonce auto</a></li>
                <li><a href="#">Ajouter à ma sélection</a></li>
            </ul>
        </div>
        <div class="services"><h3>Services</h3> 
        	<ul>
            	<li><strong>Assurance Auto :</strong></li>
                <li><strong>Jusqu'a -30% d'économies !</strong></li>
                <li><strong>Crédit auto :</strong></li>
                <li><strong>Accord rapide, simple, efficace !</strong></li>
                <li>Conseils assurance auto</li>
                <li>Conseil crédit auto</li>
            </ul>
        </div>
        {if sizeof($essais)}
        <div class="infos_plus"><h3>L'info en plus</h3>
        	<ul>
                {foreach $essais as $item}
                <h4>{$item->marque_libelle} {$item->modele_libelle} {$item->ess_zVersion}</h4>
            	<li>{$item->ess_zChapeau|truncate:150}</li>
                {/foreach}
                <li><strong>Arnaques auto soyez prudent !</strong></li>
            </ul>
        </div>
        {/if}
      </div>
    </div>
    <div class="clear">&nbsp;</div>
    </div><!--end scrollFiche-->
          </div>
          <div class="more_link2"><a class="haut" href="#global">Haut page</a></div>
        </div>
        <div class="deco7">&nbsp;</div>
      </div>
    </div>
    <!-- end leftContent2-->
    
    <div class="clear">&nbsp;</div>
  </div>
  <div id="SideBar"><a href="#global"><img alt="" src="{$j_basepath}design/front/images/top.png" title="" /></a></div>
</div>
{$oZoneFooter}

{literal}
<style type="text/css">
   .leftItem1 .options {
        display: block;
        width:200px;
    }
    .leftItem1{
       width:267px;
    }
</style>
{/literal}